@media screen and (max-width: 1200px) {
  .join {
    &-bg {
      height: 300px;
    }
  }
  .content {
    padding: 15px;
    .subtitle {
      font-size: 18px;
    }
    .list {
      margin: 15px 0;
      :deep(.el-card__body) {
        padding: 5px 15px;
      }
      .item-title {
        width: 140px;
        font-size: 14px;
        font-weight: bold;
      }
      .header {
        justify-content: space-between;
      }
      .keywords {
        margin: 0 8px 0 15px;
      }
    }
  }
}
